<script setup>
// 定义 props
const props = defineProps({
  money: {
    type: Number,
    default: 100,
  },
})

// 返回 emit 对象，用于触发父组件的自定义事件，相当于 this.$emit
const emit = defineEmits(['changeMoney'])

const btn = () => {
  emit('changeMoney', 500)
  // 相当于Vue2的
  // this.$emit('changeMoney', 500)
}
</script>

<template>
  <h2>👦子组件 {{ money }}</h2>
  <button @click="btn">点击花钱</button>
</template>
